Ext.define('AM.component.shape.Happy', {
    extend:'AM.component.shape.BaseShape',

    draw:function () {
        var me = this;
        var canvas = me.el.dom;
        var context = canvas.getContext('2d');
        context.lineCap = 'round'
        context.lineWidth = 10;
        context.strokeStyle = "black";
        context.beginPath();
        context.arc(75, 75, 50, 0, Math.PI * 2, true); // Outer circle
        context.moveTo(110, 75);
        context.arc(75, 75, 35, 0, Math.PI, false);   // Mouth
        context.moveTo(65, 65);
        context.arc(60, 65, 5, 0, Math.PI * 2, true);  // Left eye
        context.moveTo(95, 65);
        context.arc(90, 65, 5, 0, Math.PI * 2, true);  // Right eye
        context.stroke();
    }
})